<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  props: {
    color: { type: String, default: "#ffffff" },
    background: { type: String, default: "#ff7900" },
    disabled: Boolean,
  },
});
</script>

<template>
  <view
    class="form-button"
    :style="{ color, background, opacity: disabled ? 0.3 : 1 }"
  >
    <slot />
  </view>
</template>

<style lang="scss">
.form-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90rpx;
  font-size: 32rpx;
  border-radius: 45rpx;
}
</style>